@charset 'utf-8';
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font: "微软雅黑";
}
a{
	text-decoration: none;
}
li{
	list-style: none;
}
html{
	font-size:100px;
	width: 100%;
}
body{
	font-size:16px;
	width: 100%;
}
header{
	position:fixed;
	left:0;
	top:0;
	z-index:2;
	background-image:linear-gradient(to right bottom,#ff5a61,#fe5b58,#fd6221) ;
	height: 3.38rem;
	width: 100%;
	margin: 0 auto;

}
.header_top{
	height: 1rem;
	width: 100%;
}
.header_top_left{
	width: 10%;
	height: 1rem;
	position: absolute;
}
.header_top_left>a{
	display: block;
	height: .64rem;
	width: .64rem;
	margin: .18rem auto;
	background-image: url(./img/arrow_white.png);

	background-repeat: no-repeat;
	background-size: 100%;
}
.header_top_right{
	height: 1rem;
	width: 100%;
	font-size: .5rem;
	color: #fff;
	text-align: center;
	line-height: 1rem;
}
.header_bottom{
	height: 2rem;
	width: 100%;
}
.header_bottom a{
	display: block;
	float: left;
	height: 2rem;
	width: 30%;
	font-size: .5rem;
	color: #fff;
	text-align: center;
	line-height: 2rem;
}
.header_bottom a:first-of-type{
	margin-left: 20%;
}
.header_bottom i{
	display: block;
	float: left;
	height: .5rem;
	background: #fff;
	width: 2px;
	margin-top: .9rem;

}
nav{
	margin-top:2.38rem;
	width: 100%;
	clear: both;
	padding-top: 0.1px;
	background: #f4f4f4;
}
.nav_top{
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.nav_top .my_dir{
	width: 100%;
	height: 1.333rem;
	border-bottom: 3px solid #f4f4f4;
}
.nav_top .my_dir a{
	float: right;
	line-height: 1.333rem;
	margin-right: .27rem;
}
.nav_top span{
	display: block;
	float: left;
	line-height: 1.2rem;
	width: 30%;
	font-size: .4rem;
	margin-left: .3rem;
}
.nav_top>a{
	color: #c8c8c8;
	display: block;
	float: right;
	width: 27%;
	line-height: 1.2rem;
	background-image: url(./img/details.png);
		background-size:.5rem .5rem;
	background-repeat: no-repeat;
	background-position: 1.8rem .3rem;
	font-size: .32rem;
	margin-bottom: .5rem;
}
.nav_top ul{
	width: 100%;
	height: 1.2rem;
	clear: both;
	margin-top: 5px;
}
.nav_top_li{
	float: left;
	width: 25%;
	height: 1.2rem;
	text-align: center;
}
.nav_top_li img{
	width:.8rem;
}
.nav_top_li a{
	display: block;
	color: #000;
	font-size: .3rem;
}
.nav_middle{
	width: 100%;
	background: #fff;
}
.nav_middle ul{
	width: 100%;
	height: 2.4rem;
	margin-top: .3rem;
}
.nav_middle ul li{
	width: 100%;
	height: 1.2rem;
	font-size: .4rem;
	border-bottom: 2px solid #f4f4f4;
}
.nav_middle_span{
	width: 10%;
	height: 1.2rem;
	display: block;
	float: left;
}
.nav_middle_span img{
	width:.8rem;
	margin: .3rem 0 0 .3rem;
}
.nav_middle_p{
	height: 1.2rem;
	width: 80%;
	float: left;
	line-height: 1.2rem;
	text-indent: .5rem;
}
.nav_middle_a{
	height: 1.2rem;
	width: 10%;
	display: block;
	float: right;
	background-image: url(./img/details.png);
	background-size:.5rem .5rem;
	background-repeat: no-repeat;
	background-position: .3rem .3rem;
}
.nav_bottom{
	width: 100%;
	margin-top: .3rem;
	background: #fff;
}
.nav_bottom_top{
	width: 100%;
	height: 1.2rem;;
}
.nav_bottom_top a{
	display: inline-block;
	width: 32%;
	text-align: center;
	font-size: .35rem;
	color: #000;
	border-right: 1px solid #f4f4f4;
	margin-top: .5rem;
}
.nav_bottom_top a:last-of-type{
	border: none;
}
.nav_bottom_bottom{
	width: 100%;
	color: #333;
	line-height: 1.5rem;
	font-size: .3rem;
	text-align: center;
	margin-top: .1rem;
	border-top: 1px solid #f4f4f4;
}